import axios from 'axios'
import store from '@/store/index'
import {Message} from 'element-ui'
import router from '@/router/index'
const service = axios.create({
  baseURL: 'https://api-hmzs.itheima.net/v1',
  timeout: 5000 // request timeout
})

// 请求拦截器 发起请求的时候
service.interceptors.request.use(
  config => {
    //config请求信息
    //配置请求头 携带token
    const token = store.state.user.token
    if(token){
      //Authorization 为后端规定的   示例值:Bearer {{token}}   `Bearer ${token}`
      config.headers.Authorization = token
    }
    return config
  },
  error => {
    //执行时机 请求放生错误的时候
    return Promise.reject(error)
  }
)

// 响应拦截器 当后端返回数据的时候
service.interceptors.response.use(
  response => {
    //响应数据成功 状态码2xx
    // console.log(response,'response')
    if(response.data.code!==10000){ //删除默认数据是  不提示成功 显示错误
      Message.error(response.data.msg)
      return Promise.reject(response.data)
    }else{
      return response.data
    }
  },
  error => {
    //执行时机 响应放生错误的时候 状态码4xx-5xx
    //error 错误信息
    //同一错误处理
    //判断token是否过期
    if(error.responce.status === 401){
      //token过期，需要清除原token信息
      store.commit('user/removeToken')
      router.push('/login')
    }
    // console.dir(error)  //打印错误信息
    Message.error(error.responce.data.msg)
    return Promise.reject(error)
  }
)

export default service
